PWA Night vol.2
~PWAのミライや活用方法をみんなで考えよう~
https://connpass-tokyo.s3.amazonaws.com/thumbs/b1/a3/b1a327288a0f8675ab0be4c614e8a788.png
2019/03/20
URL
Twitter TL
タグ
PWAについて制作・開発会社の中でも関心が高まってきています。いまは主にエンジニア中心に認知が広がっている状況で、本格的なビジネス活用や消費者への浸透はこれから・・・というところかと思います。 このPWA勉強会では、エンジニアはもちろん、幅広くPWAに関心をもった有志の方に集まっていただき、PWAの活用方法やPWAのミライについて考えていく会にしたいと思っています。 まだまだ学びの多い技術、みんなでカジュアルに、フラットに情報交換していきましょう!
登壇者
1)PWA to APK 〜ネイティブアプリとの融合
NPO法人日本Androidの会の進藤龍之介さんの発表、Chrome 72に加わったPWAとネイティブのつなぎこみができる機能の紹介とデモ。
Chrome 72での新機能、Trusted Web Activity(TWA)が実装された。
Chrome<->Javaで通信させるAPI=ChromeをActivityとして呼べる。
APKとしてPWAを配布できる。APKなので通常のAppと同様に機種変でも自動インストールのリストに加わる。
PWAとネイティブの共存が可能
TWAの概要
App-Srv間でフィンガープリント(DigitalAssetLinks)の確認によりコンテンツ信頼性を確保
ブラウザレンダリング
ブラウザ内部は(WebViewと違って)サンドボックス
実装方法、ビルドの設定などが紹介
デモ(ネイティブ画面とPWA画面の切り替え等)ーしいたけ
WEB(PWA)を中心にAppがそれを拡張する形のシステムデザインを考える事ができるようなった。PWAとネイティブを連携する方法を模索中。
届くまで数日かかるが、PWAをAPKに梱包してくれるサービスもある
2)日経電子版とPWAのこれから
日本経済新聞 宮本さん
PWAに取り組む理由
古典的なサービスの応答速度がもたらすビジネスインパクトなどの理由
日経新聞サイトとPWA
メディアサイト
PWAとネイティブの線引
PWAのネイティブ感、アプリ版もあるし、いっしょのものをわざわざ作っていないか?
KGIも明確ではない
よくわからないので、適宜の感
アプリだと登録の動線出せないとか。。。
PWAではインスタントなGood UXの提供
速さと動線
AMPの方向?
PWAどう作る?
workboxを使う
expressに近い使用感
キャッシュの設計を抽象化する
ただし動的コントロールは苦手(認証とか)
結構大変。不明な実装が出てきた。。。
VersionUPで上記の辛い部分をサポートする方法が登場した
参考
3) Googleトレンドから振り返るPWA
PWA Beginners運営 Tomokoさん
PWAどうよ?ってので振り回されてきたね
GoogleトレンドでのPWAがどれくらい話題だったか見てみよう
盛り上がったときのニュース
2017
PWA Roadshow Tokyo 2017
Safari Tech Preview 64 ServiceWorkerが使えるように
2018
iOSのServiceWorkerサポート
Chrome OS 67でデスクトップPWA対応(一部)
Microsoft StoreでPWA対応アプリが掲載されるように
上記の登場で色々試したりでトレンドが上昇
→ 年末はネタ切れ感が
2019
GooglePlayStoreでPWA配信
Chrome OS 73でデスクトップPWA対応(全部)
参考
LT1) IndexedDBのラッパー「localforage」を使ってみる
シックスアパート 長内さん
localForageの紹介
WebStrage Wrapper
Mozilla財団管理
WebStroge比較
データ登録でPromiseを返す
パフォーマンス?
LocalForageのほうが若干早い(Chrome)
FireFoxだと逆の結果に???
LT2) PWAロゴの誕生ストーリー
TAM 安成優華さん
会のロゴづくりの話。
ロゴって?
イメージのヒアリング
方向性を合意
イメージラフ
ブラッシュアップ
ヒアリングしたイメージ
未来的
フランクさ
出来たデザイン
PWAのP、とWAをモチーフ
未知の技術、のイメージで未知の生物感
名前を募集しています
次回発表予定
LT3) 家庭で使えるPWA
飛び込みLT TAM 知念昌史さん
マヨネーズだとかのコスパを計算するアプリつくりました
デモ
PWA化(ホーム画面に追加できる)
オフライン実行は調整中